<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">	
	    <meta name="format-detection" content="telephone=no">	
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title></title>
		<style>
			*{padding:0;margin:0;}
			html,body{padding:0;margin:0;}
			.header{width:100%;padding:0;margin:0;position:absolute;top:0;}
			#end{width:100%;
			 background: -webkit-linear-gradient(left, #E2BA2A, #EECB2E, #EAC52D, #D7AB27);
		   background: -o-linear-gradient(left,#E2BA2A, #EECB2E, #EAC52D, #D7AB27);
		   background: -moz-linear-gradient(left,#E2BA2A, #EECB2E, #EAC52D, #D7AB27);
		   background: -ms-linear-gradient(left,#E2BA2A, #EECB2E, #EAC52D, #D7AB27);}
			#endHeader{text-align: center;padding-top:1rem;}
			#endHeader>img{width:80%;text-align: center;}
			.fy{display: flex;font-size:0.48rem;justify-content: center;align-items: center;color:#C1711A;font-weight: bolder;margin-bottom:0.1rem;}
			#infor>div:nth-of-type(1),#infor>div:nth-of-type(2),#infor>div:nth-of-type(3){border:0.1rem solid transparent;
			border-image:url(img/border2_03.png) 20 round;-webkit-border-image:url(img/border2_03.png) 20 round;
				-moz-border-image:url(img/border2_03.png) 20 round;width:80%;margin:0 auto;
			text-align: center;display: flex;justify-content: center;align-content: center;margin-bottom:0.4rem;}
			#infor img{width:100%;height:100%;}
			.footer{width:100%;transform: rotate(180deg);position:relative;bottom:0;margin-bottom:0;}
			footer{display: flex;align-items: flex-end;position: relative;bottom:0;}
			#article{width:90%;text-align: justify;font-size:0.36rem;margin:0 auto;color:#333;}
			#article img{width:100%;height:100%;}
			#article p{margin:0.4rem 0;line-height:0.8rem;}
		</style>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div id="end">
			<img src="img/header_01.jpg" alt="" class="header"/>
			<div id="endHeader">
				<img src="img/尾页_03.png" alt="" />
				<div class="fy">您的佛缘之路&nbsp;&nbsp;<p style="background:#C1711A;border:0.06rem solid #C1711A;border-radius: 50%;"></p>&nbsp;&nbsp;百印详图</div>
				<div class="fy">ID号码：<span class="idCard">XXXX</span></div>
				<div class="fy">个人信息</div>
			</div>	
			<div id="infor">
				<div><img src="img/idImg_07.jpg" alt="" /></div>
				<div><img src="img/idImg_07.jpg" alt="" /></div>
				<div><img src="img/idImg_07.jpg" alt="" /></div>
			</div>
			
			<hr />
			<div class="fy" style="margin-top:0.2rem;">百印详图介绍</div>
			<div id="article">
				<p>百印祥图，是一件以寺院佛印为展示主体，具有祈福镇宅功能的装饰挂画。它囊括了180枚中国当代名寺古刹的佛印，是世间难得之佛宝重器。</p>
				<p><img src="img/article1_03.png" alt="" style="box-shadow:0.1rem 0.2rem  0.3rem #282327;"/></p>
				<p>百印祥图，首次将寻常百姓难得一见的三宝法印请出庙宇殿堂，汇集百座古刹法宝之光铺陈一室，以供世人供养观瞻、欢喜纳福。</p>
				<p>为了使观者能更清晰地瞻仰佛印细节，近距离感受佛宝法力加持，百印祥图在设计上保留其原始尺寸，切实还原印章原貌，透过一枚枚精致古朴的佛印，使观者零距离感受到中国历史的厚重，视觉化体验佛教文化源远流长。与此同时，通过鉴赏不同朝代印章的雕刻技法，见证我国篆刻艺术的发展变化。</span>
				<p><img src="img/article2.png" alt="" /></p>
				<p>简约大气的风格设计，彰显了收藏者高雅不凡的审美情趣；百寺百印的法力加持，庇佑着供养者平安顺意福慧绵延。尤其是180枚不同寺院的佛印，蕴含着180座寺院日夜不休的祈福加持。</p>
				<p>百印祥图代表了佛教传承者们难行能行的现世奇迹，寄托着中国当代百座佛教寺院对佛教文化的传承与重视，饱含着百万僧众对众生的祈福与祝愿。</p>
				<p>本次巡展特展出此件佛宝，愿观者以眼观心，同走这条殊胜之路，共同见证佛教文化的独特魅力，一齐分享百座寺院的福泽善报。</p>
			</div>
			<footer>
				<img src="img/header_01.jpg" alt="" class="footer"/>
			</footer>
			
			
		</div>
		
		<script src="js/jquery-1.10.1.min.js"></script>
		
	</body>
</html>
